<template>
	<view class="th-process-item-box">
		<view class="title-view-box">{{stepData.nodeStatusName!=undefined?stepData.nodeStatusName:'问题处理'}}</view>
		<th-cell v-if="stepData.typeName!=undefined&&stepData.typeName!=''" :required="false" :disabled="true"
			title="问题类型" :loge="true" :value="stepData.typeName"></th-cell>
		<th-cell v-if="stepData.approveFlagName!=undefined&&stepData.approveFlagName!=''" :required="false"
			:disabled="true" title="处理类型" :loge="true" :value="stepData.approveFlagName"></th-cell>
		<view v-if="stepData.content!=undefined&&stepData.content.length>0" class="desc-cotent2x">{{stepData.content}}
		</view>
		<th-cell :required="false" :showLtop="stepData.content!=undefined&&stepData.content.length>0?true:false"
			:disabled="true" title="处理人" :loge="true" :value="stepData.approveUserName"></th-cell>
		<th-cell :showLbto=" stepData.fileList.length>0?false:true" :required="false" :disabled="true" title="处理时间"
			:loge="true" :value="stepData.approveTime"></th-cell>
		<view class="desc-content2" v-for="(item,index) in stepData.fileList" :key="index">
			<th-file :file="item" @priview="priview"></th-file>
		</view>
	</view>
</template>

<script>
	export default {
		name: "th-process-item",
		data() {
			return {

			};
		},
		props: {
			title: {
				type: String,
				default: '问题处理'
			},
			stepData: {
				type: Object,
				default: {}
			}
		},
		methods: {
			//预览
			priview(item) {
				this.$showLine(item)
			},
		}
	}
</script>

<style scoped lang="scss">
	.th-process-item-box {
		width: 100%;
		box-sizing: border-box;
		background-color: #ffffff;

		.title-view-box {
			width: 100%;
			display: flex;
			align-items: center;
			height: 100rpx;
			font-size: 34rpx;
			padding-left: 46rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 48rpx;
			border-bottom: 2rpx solid #F6F7FB;
		}

	}

	.desc-cotent2x {
		width: 100%;
		padding: 15rpx 46rpx;
		box-sizing: border-box;
		word-break: break-all;
		// min-height: 180rpx;
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		line-height: 60rpx
		// background: yellowgreen;
	}

	.desc-content2 {
		padding: 10rpx 46rpx 22rpx;
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		line-height: 60rpx;
	}
</style>